page{
    background-color: #dedede;
}
.info_con{
    height:45vh;
    overflow: hidden;
    background-color: var(--themeColor);
    position: relative;
    .wrap{
        position: relative;
        .img_max{
            width:110%;
            height:50vh;
            filter: blur(10px);
            margin-left:-25rpx;
        }
        .min_img{
         position: absolute;
         left:50%;
         top:30%;
         transform: translateX(-50%);
    
         image{
             width:150rpx;
             height:150rpx;
             border-radius: 50%;
             margin-bottom: 40rpx;
         }
         view{
             text-align: center;
         }
        }
    }
    .btn{
       position: absolute;
       left:50%;
       top:30%;
       transform: translateX(-50%);
       width:200rpx;
       height:80rpx;
       line-height: 80rpx;
       text-align: center;
       border-radius: 40rpx;
       background-color: white;
       color:var(--themeColor);
       font-size: 32rpx;
    }
}
.container{
    position: relative;
    .main{
        padding-bottom:60rpx;
        width:90%;
        position: absolute;
        top:-60rpx;
        left:50%;
        transform:translateX(-50%);
        color:#515250;
        font-size: 32rpx;
        .lishi{
            display:flex;
            padding:20rpx;
            background-color: white;
            border-radius: 10rpx;
            navigator{
                flex:1;
                text-align: center;
                .shulian{
                    color:var(--themeColor);
                }
            }
        }
        .dingdan{
            width:100%;
            padding: 20rpx;
            background-color: white;
            margin-top: 20rpx;
            border-radius: 10rpx;
            .title{
                padding-bottom: 15rpx;
                border-bottom:1px solid #DFE1DF;
            }
            .dd{
                display:flex;
                padding-top:8rpx;
                navigator{
                    flex: 1;
                    text-align: center;
                    .iconfont{
                        color:var(--themeColor);
                    }
                }
            }
        }
        .shouhuo{
            width:100%;
            padding:20rpx;
            margin-top: 20rpx;
            background-color: white;
            border-radius: 10rpx;
        }
        .item{
            width:100%;
            padding:20rpx;
            margin-top: 20rpx;
            background-color: white;
            border-radius: 10rpx;
            .top{
                display: flex;
                justify-content: space-between;
                border-bottom: 1px solid #DFE1DF;
                padding: 10rpx;
            }
            .zhong{
               
                border-bottom: 1px solid #DFE1DF;
                padding: 10rpx;
            }
            .bottom{
                padding: 10rpx;
            }
        }
        .tuijian{
            width:100%;
            padding:20rpx;
            margin-top: 20rpx;
            background-color: white;
        }
    }
}